<template> 
 <div class="Page Confirm"> 
     <div class="Title"> 
         <h1 class="fl f18">订单确认</h1> 
          <img src="~/assets/img/cart_setp2.png" class="fr"> 
           <div class="clear">
            </div> 
             </div> 
              <form name="flowForm" id="flowForm" method="post" action=""> 
                 <table class="GoodList">
            <tbody>
                    <tr>
                        <th class="name">商品</th>
                        <th class="price">原价</th>
                        <th class="priceNew">价格</th>
                    </tr>
             </tbody>
                <tbody>
                    <!-- <tr>
                    <td colspan="3" class="Title red f18 fb"><p>限时折扣</p></td>
                    </tr> -->
                    <tr>
                    <td colspan="3" class="teacher">讲师：{{order.teacherName}}</td>
                    </tr>
                    <tr class="good">
                    <td class="name First">
                    <a target="_blank"
                    :href="'https://localhost:3000/course/'+order.courseId">
                    <img :src="order.courseCover"></a>
                    <div class="goodInfo">
                    <input type="hidden" class="ids ids_14502" value="14502">
                    <a target="_blank" :href="'https://localhost:3000/course/'+
                    order.courseId">{{order.courseTitle}}</a>
                    </div>
                    </td>
                    <td class="price">
                    <p>￥<strong>{{order.totalFee}}</strong></p>
                    <!-- <span class="discName red">限时8折</span> -->
                    </td>
                    <td class="red priceNew Last">￥<strong>{{order.totalFee}}</strong></td>
                    </tr>
                    <tr>
                    <td class="Billing tr" colspan="3">
                    <div class="tr">
                    <p>共 <strong class="red">1</strong> 件商品，合计<span
                    class="red f20">￥<strong>{{order.totalFee}}</strong></span></p>
                    </div>
                    </td>
                    </tr>
                    </tbody>
                    </table>
                    <div class="Finish">
                    <div class="fr" id="AgreeDiv">

                <label for="Agree"><p class="on"><input type="checkbox"
                checked="checked">我已阅读并同意<a href="javascript:" target="_blank">《谷粒学院购买
                协议》</a></p></label>
                </div>
                <div class="clear"></div>
                <div class="Main fl">
                <div class="fl">
                <a :href="'/course/'+order.courseId">返回课程详情页</a>
                </div>
                <div class="fr">
                <p>共 <strong class="red">1</strong> 件商品，合计<span class="red
                f20">￥<strong
                id="AllPrice">{{order.totalFee}}</strong></span></p>
                </div>
                </div>
                <input name="score" value="0" type="hidden" id="usedScore">
                <button class="fr redb" type="button" id="submitPay" @click="toPay()">去支
                付</button>
                <div class="clear"></div>
                </div>
 </form>
 </div>
</template>
<script>
import orderApi from '@/api/orders'
export default {
     //异步调用            params.id 相当于 this.$route.params.id
      asyncData({ params, error }) {
            //下划线是什么就填什么  .oid
         return   orderApi.getOrdersInfo(params.oid)
            .then(response=>{
                   return{
                     order: response.data.data.item
                     
                   }
                   
            })
        
      },
      methods:{
        //去支付
        toPay(){
            this.$router.push({path:'/pay/'+this.order.orderNo})
        }
      }

}
</script>